﻿<div id="vitalHeart" class="Window">
    <div class="vital-leftColumn">
        <div class="vital-slider">
            <h4 data-bind="text:Application.Resources.Views.New_measure.Systole">Systole</h4>
            <input class="sliderInput" type="number" data-bind="integerValue: NewErfassung.Systole" tabindex="1" />
            <input type="range" id="Systole" name="Systole" data-bind="value: NewErfassung.Systole" min="40" max="240" class="range-input-vertical" />
        </div>
        <div class="systole-message" data-bind="validationMessage: NewErfassung.Systole"></div>
        <div class="vital-slider">
            <h4 data-bind="text:Application.Resources.Views.New_measure.Diastole">Diastole</h4>
            <input class="sliderInput" type="number" data-bind="integerValue: NewErfassung.Diastole" tabindex="2" />
            <input type="range" id="Diastole" name="Diastole" data-bind="value: NewErfassung.Diastole" min="40" max="240" class="range-input-vertical" />
        </div>
        <div class="vital-slider">
            <h4 data-bind="text:Application.Resources.Views.New_measure.Puls">Puls</h4>
            <input class="sliderInput" type="number" data-bind="integerValue: NewErfassung.Pulswert" tabindex="3" />
            <input type="range" value="" min="20" max="240" class="range-input-vertical" id="Pulswert" name="Pulswert" data-bind="value: NewErfassung.Pulswert" />
        </div>
        <div class="vital-footer">
            <button id="window-btnOk" class="orangeButton fa fa-check fa-2x" data-bind="click: saveClick"></button>
            <button id="window-btnCancel" class="orangeButton fa fa-times fa-2x" data-bind="click: closeClick"></button>
        </div>
    </div>
    <div class="vital-rightColumn">
        <div class="half-List overflow-IndicatorContener">
            <h4 data-bind="text:Application.Resources.Views.New_measure.Art_der_messung">Art der Messung</h4>
            <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
            <div class="vital-radioList scroll-y">
                <ul id="heart-blutlist" data-bind="foreach: BlutdruckmessungArts">
                    <li class="smallRadios" data-bind="testOverflow: true">
                        <input type="radio" name="BlutdruckmessungArtID" data-bind="attr: { value: Id, id: Id }, checked: $root.NewErfassung.BlutdruckmessungArtID, enable: $root.NewErfassung.Systole && $root.NewErfassung.Diastole" data-role="none" />
                        <label data-bind="attr: { for: Id }, text: Text"></label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="half-List overflow-IndicatorContener">
            <h4 data-bind="text:Application.Resources.Views.New_measure.Pulsqualitat">Pulsqualitat</h4>
            <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
            <div class="vital-radioList scroll-y">
                <ul id="heart-pulslist" data-bind="foreach: Pulsqualitaets">
                    <li class="smallRadios" data-bind="testOverflow: true">
                        <input type="radio" name="PulsqualitaetsID" data-bind="attr: { value: Id, id: Id }, checked: $root.NewErfassung.PulsqualitaetID, enable: $root.NewErfassung.Pulswert" data-role="none" />
                        <label data-bind="attr: { for: Id }, text: Text"></label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
